// 引入
import MessageComponent from './index.vue'
const Message = {
  install (Vue) {
    // 生成子类 同时这个子类也就是组件
    const MessageConstructor = Vue.extend(MessageComponent)
    // 生成实例
    const instance = new MessageConstructor()
    // 挂载
    instance.$mount()
    document.body.appendChild(instance.$el)
    // 注入
    Vue.prototype.$message = {
      show (option) {
        instance.text = option.text  || '' // 提示文本
        instance.showClose = option.showClose  || false
        instance.spanBlockColor = option.spanBlockColor || ''
        instance.cancelText = option.cancelText  || '' // 取消按钮文本
        instance.confirmColor = option.confirmColor || ''
        instance.cancelFn = option.cancelFn  || '' // 取消事件
        instance.confirmText = option.confirmText  || '' // 确认按钮文本
        instance.confirmColor = option.confirmColor || ''
        instance.confirmFn = option.confirmFn  || '' // 确认事件
        instance.show = true // 显示
      },
      close () {
        instance.show = false // 隐藏
      }
    }
  }
}
export default Message
